<layout name="../Common/Master/master"/>
<div id="content">

    <div class="cont" style="padding-bottom:50px">
        <div class="main">
            <div class="content-left">
                <div class="box">
                    <div class="zhezhao"></div>
                    <div class="sekuai"></div>
                    <div class="smallTu"></div>
                    <a href="javascript:;" class="shang">&lt;</a>

                    <div class="list1">
                        <ul>
                            <foreach name="good['pic']" item="vo">
                                <li><img width="400px" height="400px" src="{$vo}" alt=""></li>
                            </foreach>
                        </ul>
                    </div>
                    <a href="javascript:;" class="xia">&gt;</a>

                    <div class="bgTu"></div>
                    <div class="bgTuHide">
                        <ul>
                            <foreach name="good['pic']" item="vo">
                                <li><img width="800px" height="800px" src="{$vo}" alt=""></li>
                            </foreach>
                        </ul>

                    </div>
                </div>
            </div>
            <style>
                .cont .content-right .nobdr h6 a.less{
                  background: #ccc;
                }
            </style>
            <div class="content-right">

                <div class="tit">{$good['gname']}</div>
                <div class="description">{$good['digest']}</div>
                <div class="pirve">￥ {$good['priced']}</div>
                <foreach name="arr1" item="vo" key="k">
                    <div class="category">
                        <h4>{$k}</h4>
                        <ul>
                            <foreach name="vo" item="voo">
                                <li>{$voo}</li>
                            </foreach>
                        </ul>
                    </div>
                </foreach>
                <input type="hidden" id="pcid">
                <script>
                    $(function () {
                        var style = [];
                        var obj={};
                        //选择商品组合
                        $(".category ul li").click(function () {
//							style += $(".zhong").html();
                            if ($(".zhong").length == $('.category ul').length) {
                                //获取属性的组合
                                for (var i = 0; i < $(".zhong").length; i++) {
                                    var aa=$(".category  h4").eq(i).html();
                                    style[aa] = $(".zhong").eq(i).html();
                                }
                                //将数组转化为json对象
                                for(i in style){
                                   obj[i]=style[i];
                                }
//                                alert(obj);
                                var gid =<?php echo $_GET['gid'] ?>;
                                $.post("{:U('home/goodinfo/getAjaxpro')}", {gid: gid,style:obj}, function (res) {
                                   if(res.valid){
                                       good_con=res.stock;
                                       $("#count").html('有货：'+res.stock+'件');
                                       $('.cont .content-right .nobdr h6 a').removeClass('less');
                                       $("#pcid").val(res.valid);
                                   }else{
                                       $('.cont .content-right .nobdr h6 a').addClass('less');
                                       $("#count").html('无货');
                                   }
                                }, 'json');
                            }
                        })


                        //点击立即购买时，
                        $('.cont .content-right .nobdr h6 a').click(function(){
                            //没有选完属性时不能提交
                           if($(".zhong").length!=$('.category ul').length){
                               layer.msg('请选择商品属性', function(){
                               });
                               return false;
                           }
                            //当该商品没货时
                           if( $('.cont .content-right .nobdr h6 a').attr('class')=='less'){
                               alert(2);
                               return false;
                           }
                            //检测该用户有没有登录
                            var uid="<?php echo $_SESSION['uid'] ?>";
                            if(!uid){
                                layer.msg('您还没有登录，清先登录', {
                                    time: 0 //不自动关闭
                                    ,btn: ['去登录', '再逛逛']
                                    ,yes: function(index){
                                        location.href="__ROOT__/index.php/Home/lg/login";return false;
                                    }
                                });
                                return false;
                            }
                            //加入购物车，并且跳到购物车列表
                           var gid="{$good['gid']}";
                            var pcid=$('#pcid').val();
                            var count=parseInt($("#cou").val());
                            location.href="__ROOT__/Home/car/addcar/gid/"+gid+'/pcid/'+pcid+'/count/'+count;
                        })



                         //点击+时
                        $('.num_r').click(function(){
                            if ($(".zhong").length == $('.category ul').length) {
                                 if(parseInt(good_con)<=parseInt($("#cou").val())){
//                                alert(3444);
                                     $("#cou").val(good_con);
                                 }
                            }else{
//                                alert(2222);
                                $("#cou").val(1);
                            }
                        });
                    })
                </script>
                <div class="num">
                    <h5>数量</h5>
                    <a href="javascript:;" class="num_l">-</a>
                    <input id="cou" type="text" value="1"/>
                    <a href="javascript:;" class="num_r">+</a>
                    <span id="count" style="padding: 10px 10px"></span>
                </div>
                <div class="nobdr">
                    <h6><a href="javascript:;">立即购买</a></h6>
                </div>
                <div class="houdun">
                    <h3>保障</h3>

                    <p><i class="o1"></i>大米商城发货&售后</p>

                    <p><i class="o2"></i>满99元包邮</p>

                    <p><i class="o3"></i>7天无理由退货</p>

                    <p><i class="o4"></i>15天免费换货</p>
                </div>
            </div>
        </div>
    </div>
    <div class="desc" id="xijie">
        <div class="desctab">
            <div class="main">
                <ul>
                    <li><a href="#xijie">产品详情</a><span>|</span></li>
                    <li><a href="#guige">规格参数</a><span>|</span></li>
                    <li><a href="#wenti">常见问题</a></li>
                </ul>
            </div>
        </div>

        <div class="con">
           {$good['content']}
        </div>
        <div class="con main" id="guige">
            <h1>产品参数</h1>
            <table cellpadding="0" cellspacing="0" border="1">
                <tbody>
                <tr>
                    <td class="wd207" colspan="2">主体</td>
                </tr>
                <tr>
                    <td class="wd207">品牌</td>
                    <td>360手机</td>
                </tr>
                <tr>
                    <td class="wd207">型号</td>
                    <td>1509-A00（Q5 Plus)</td>
                </tr>
                <tr>
                    <td class="wd207">上市时间</td>
                    <td>2016年8月</td>
                </tr>
                <tr>
                    <td class="wd207" colspan="2">基本信息</td>
                </tr>
                <tr>
                    <td class="wd207">机身颜色</td>
                    <td>流光金</td>
                </tr>
                <tr>
                    <td class="wd207">机身尺寸（mm）</td>
                    <td>156.5*80*8.3</td>
                </tr>
                <tr>
                    <td class="wd207">机身重量（g）</td>
                    <td>175.0g</td>
                </tr>
                <tr>
                    <td class="wd207" colspan="2">操作系统</td>
                </tr>
                <tr>
                    <td class="wd207">操作系统</td>
                    <td>360 OS Android 6.0</td>
                </tr>
                <tr>
                    <td class="wd207" colspan="2">主芯片</td>
                </tr>
                <tr>
                    <td class="wd207">CPU型号</td>
                    <td>骁龙820</td>
                </tr>
                <tr>
                    <td class="wd207">CPU频率</td>
                    <td>Kryo 2.15GHz x 4</td>
                </tr>
                <tr>
                    <td class="wd207" colspan="2">网络支持</td>
                </tr>
                <tr>
                    <td class="wd207">双卡机类型</td>
                    <td>双卡双待单通</td>
                </tr>
                <tr>
                    <td class="wd207">SIM卡类型</td>
                    <td>Nano SIM</td>
                </tr>
                <tr>
                    <td class="wd207">网络制式</td>
                    <td>全网通</td>
                </tr>
                <tr>
                    <td class="wd207" colspan="2">存储</td>
                </tr>
                <tr>
                    <td class="wd207">ROM</td>
                    <td>128GB UFS2.0 机身存储</td>
                </tr>
                <tr>
                    <td class="wd207">RAM</td>
                    <td>4GB LPDDR4 双通道内存</td>
                </tr>
                <tr>
                    <td class="wd207">存储卡</td>
                    <td>支持MicroSD（TF）</td>
                </tr>
                <tr>
                    <td class="wd207" colspan="2">屏幕</td>
                </tr>
                <tr>
                    <td class="wd207">主屏幕尺寸（英寸）</td>
                    <td>6.0英寸</td>
                </tr>
                <tr>
                    <td class="wd207">分辨率</td>
                    <td>1920*1080(FHD)</td>
                </tr>
                <tr>
                    <td class="wd207">屏幕材质类型</td>
                    <td>三星（SAMSUNG）Super AMOLED</td>
                </tr>
                <tr>
                    <td class="wd207">屏幕色彩</td>
                    <td>1600万</td>
                </tr>
                <tr>
                    <td class="wd207" colspan="2">前置摄像头</td>
                </tr>
                <tr>
                    <td class="wd207">前置摄像头</td>
                    <td>1300万像素</td>
                </tr>
                <tr>
                    <td class="wd207">前摄光圈大小</td>
                    <td>f/2.0</td>
                </tr>
                <tr>
                    <td class="wd207">美颜技术</td>
                    <td>支持</td>
                </tr>
                <tr>
                    <td class="wd207">拍照特点</td>
                    <td>美颜</td>
                </tr>
                <tr>
                    <td class="wd207" colspan="2">后置摄像头</td>
                </tr>
                <tr>
                    <td class="wd207">后置摄像头</td>
                    <td>双1300万像素</td>
                </tr>
                <tr>
                    <td class="wd207">摄像头光圈大小</td>
                    <td>f/2.0</td>
                </tr>
                <tr>
                    <td class="wd207">闪光灯</td>
                    <td>LED灯</td>
                </tr>
                <tr>
                    <td class="wd207">美颜技术</td>
                    <td>支持</td>
                </tr>
                <tr>
                    <td class="wd207" colspan="2">电池信息</td>
                </tr>
                <tr>
                    <td class="wd207">电池容量（mAh）</td>
                    <td>3700</td>
                </tr>
                <tr>
                    <td class="wd207">电池是否可拆卸</td>
                    <td>否</td>
                </tr>
                <tr>
                    <td class="wd207">闪充</td>
                    <td>支持QC3.0涡轮闪充</td>
                </tr>
                <tr>
                    <td class="wd207" colspan="2">娱乐功能</td>
                </tr>
                <tr>
                    <td class="wd207">mic数量</td>
                    <td>2个</td>
                </tr>
                <tr>
                    <td class="wd207">喇叭数量</td>
                    <td>1个</td>
                </tr>
                <tr>
                    <td class="wd207" colspan="2">数据接口</td>
                </tr>
                <tr>
                    <td class="wd207">数据传输接口</td>
                    <td>WIFI、蓝牙、WiFi热点、OTG接口</td>
                </tr>
                <tr>
                    <td class="wd207">NFC/NFC模式</td>
                    <td>不支持</td>
                </tr>
                <tr>
                    <td class="wd207">耳机接口类型</td>
                    <td>3.5mm</td>
                </tr>
                <tr>
                    <td class="wd207">充电接口类型</td>
                    <td>Type-C</td>
                </tr>
                <tr>
                    <td class="wd207" colspan="2">手机特性</td>
                </tr>
                <tr>
                    <td class="wd207">指纹识别</td>
                    <td>支持</td>
                </tr>
                <tr>
                    <td class="wd207">GPS</td>
                    <td>支持</td>
                </tr>
                <tr>
                    <td class="wd207">电子罗盘</td>
                    <td>支持</td>
                </tr>
                <tr>
                    <td class="wd207">霍尔感应器</td>
                    <td>支持</td>
                </tr>
                <tr>
                    <td class="wd207">陀螺仪</td>
                    <td>支持</td>
                </tr>
                <tr>
                    <td class="wd207">其他</td>
                    <td>距离感应、呼吸灯、光线感应</td>
                </tr>
                </tbody>
            </table>
        </div>
        <div class="con main" id="wenti">
            <h2>常见问题</h2>
            <dl>
                <dt><i>1、</i><em></em>订单提交成功后还可以修改收货信息吗？</dt>
                <dd><u></u>订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</dd>
            </dl>
            <dl>
                <dt><i>2、</i><em></em>订单提交成功后还可以修改收货信息吗？</dt>
                <dd><u></u>订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</dd>
            </dl>
            <dl>
                <dt><i>3、</i><em></em>订单提交成功后还可以修改收货信息吗？</dt>
                <dd><u></u>订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</dd>
            </dl>
            <dl>
                <dt><i>4、</i><em></em>订单提交成功后还可以修改收货信息吗？</dt>
                <dd><u></u>订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</dd>
            </dl>
            <dl>
                <dt><i>5、</i><em></em>订单提交成功后还可以修改收货信息吗？</dt>
                <dd><u></u>订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</dd>
            </dl>
            <dl>
                <dt><i>6、</i><em></em>订单提交成功后还可以修改收货信息吗？</dt>
                <dd><u></u>订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</dd>
            </dl>
            <dl>
                <dt><i>7、</i><em></em>订单提交成功后还可以修改收货信息吗？</dt>
                <dd><u></u>订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</dd>
            </dl>

        </div>
    </div>

</div>